<!DOCTYPE html>
<html class="x-admin-sm"  xmlns:th="http://www.thymeleaf.org">
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.1</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/xadmin.css">
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/js/xadmin.js"></script>
    <script type="text/javascript" src="/static/js/cookie.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">员工管理</a>
        <a>
          <cite>员工列表</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-card-body ">
        <form class="layui-form layui-col-space5">
          <div class="layui-inline layui-show-xs-block">
            <input class="layui-input"  autocomplete="off" placeholder="开始日" name="start" id="start">
          </div>
          <div class="layui-inline layui-show-xs-block">
            <input class="layui-input"  autocomplete="off" placeholder="截止日" name="end" id="end">
          </div>
          <div class="layui-inline layui-show-xs-block">
            <input type="text" name="empName"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
          </div>
          <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
          </div>
        </form>
      </div>
    </div>
<!--      <xblock>-->
<!--      <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>-->
<!--      <a class="layui-btn layui-btn-mini" lay-event="add"><i class="layui-icon"></i>添加</a>-->
<!--      <span class="x-right" style="line-height:40px">共有数据：88 条</span>-->
<!--      </xblock>-->
      <table class="layui-table" id="valueTable" lay-filter="studentManage">

        <!--<thead>-->
          <!--<tr>-->
            <!--<th>-->
              <!--<div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>-->
            <!--</th>-->
            <!--<th>ID</th>-->
            <!--<th>学生学号</th>-->
            <!--<th>学生姓名</th>-->
            <!--<th>班级</th>-->
            <!--<th>专业</th>-->
            <!--<th>学院</th>-->
            <!--<th>创建时间</th>-->
            <!--<th>操作</th>-->
        <!--</thead>-->
        <!--<tbody>-->
          <!--<tr>-->
            <!--<td>-->
              <!--<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>-->
            <!--</td>-->
            <!--<td></td>-->
            <!--<td class="td-manage">-->
              <!--<a onclick="member_stop(this,'10001')" href="javascript:;"  title="启用">-->
                <!--<i class="layui-icon">&#xe601;</i>-->
              <!--</a>-->
              <!--<a title="编辑"  onclick="x_admin_show('编辑','admin-edit.html')" href="javascript:;">-->
                <!--<i class="layui-icon">&#xe642;</i>-->
              <!--</a>-->
              <!--<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">-->
                <!--<i class="layui-icon">&#xe640;</i>-->
              <!--</a>-->
            <!--</td>-->
          <!--</tr>-->
        <!--</tbody>-->
      </table>
      <!--<div class="page">-->
        <!--<div>-->
          <!--<a class="prev" href="">&lt;&lt;</a>-->
          <!--<a class="num" href="">1</a>-->
          <!--<span class="current">2</span>-->
          <!--<a class="num" href="">3</a>-->
          <!--<a class="num" href="">489</a>-->
          <!--<a class="next" href="">&gt;&gt;</a>-->
        <!--</div>-->
      <!--</div>-->

    </div>
    <script type="text/html" id="toolbar">
        <xblock>

        <a class="layui-btn layui-btn-mini" lay-event="add"><i class="layui-icon"></i>添加</a>
          <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>

        </xblock>
        <xblock>
          <a class="layui-btn layui-btn-mini" href="business-del.html">回收站</a>
        </xblock>
    </script>
    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
      <a class="layui-btn layui-btn-mini layui-btn-danger" lay-event="del">删除</a>
      <!--<a title="编辑"  onclick="x_admin_show('编辑','admin-edit.html')" href="javascript:;">-->
        <!--<i class="layui-icon">&#xe642;</i>-->
      <!--</a>-->
      <!--<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">-->
        <!--<i class="layui-icon">&#xe640;</i>-->
      <!--</a>-->
    </script>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

      // 方法渲染
      // var customerTable;
      var form;
      var table;
      layui.use('table', function () {
          // $ = layui.jquery, table = layui.table, form = layui.form;
          // 很重要,初始化
          table = layui.table, form = layui.form;
          table.render({
              elem: '#valueTable'  //要和table标签ID一致
              //,height: 'full'
              , url: '/business'
              , id: 'testReload'
              , toolbar:'#toolbar'
              , page: true
               , limit: 10
              // , offset: 'auto'
              // , height: 'full-105'
              ,loading: true
              ,cols: [[
                  {type: 'checkbox'},
                  {type:'numbers',title:'序号',align:'center', width:40} // 自增序号
                  , {field: 'businessId',title:'业务编号',width: 200, align: 'center'}
                  , {field: 'busubessName',title:'业务',width: 200, align: 'center'}
                  , {field: 'head',title:'负责人',width: 200, align: 'center'}
                  , {field: 'telphone',title:'电话',width: 200, align: 'center'}
                  , {field: 'description',title:'描述',width: 200, align: 'center'}
                  , {fixed: 'right', width: 200, align: 'center', toolbar: '#barDemo', title: '操作'}

              ]]
              // 以下不需要可以去掉
              , done: function (res, curr, count) {
                  //数据表格加载完成时调用此函数
                  //如果是异步请求数据方式，res即为你接口返回的信息。
                  //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                  //设置全部数据到全局变量
                  //table_data = res.data;
                  console.log(res.data);
              }
          });

          table.on('tool(studentManage)', function(obj){
              var data = obj.data;
              if(obj.event === 'detail'){
                  layer.msg('ID：'+ data.id + ' 的查看操作');
              } else if(obj.event === 'del'){
                  layer.confirm('确定删除吗', function(index){
                      console.log(data);
                      $.ajax({
                          url: "/business/del/"+data.businessId,
                          type: "DELETE",
                          //data:{"uvid":data.id,"memthodname":"deleteuv","aid":data.aid},
                          //dataType: "json",
                          success: function(data){
                              if(data.state==1){
                                  obj.del();
                                  layer.close(index);
                                  layer.msg("删除成功", {icon: 6});
                              }else{
                                  layer.msg("删除失败", {icon: 5});
                              }
                          }

                      });
                  });
              } else if(obj.event === 'edit'){
                  //x_admin_show('编辑','student-edit.html')

                  // layer.prompt({
                  //     formType: 2
                  //     ,title: '修改 ID 为 ['+ data.id +'] 的访问量'
                  //     ,value: data.uv
                  // }, function(value, index){
                  //     //EidtUv(data,value,index,obj);
                  //
                  // });
                  editStudent(data);
              }
          });

          table.on('toolbar(studentManage)', function(obj){
              var data = obj.data;
              if (obj.event === 'add'){
                  addStudent(data)
              }
          });

      });

      //userList.js
      //编辑用户
      function editStudent(data){
          var index = layui.layer.open({
              title : "编辑",
              type : 2,
              content : "business-edit.html",//弹出层页面
              area: ['400px', '400px'],
              success : function(layero, index){
                  var body = layui.layer.getChildFrame('body', index);
                  if(data){
                      // 取到弹出层里的元素，并把编辑的内容放进去
                      body.find(".businessId").val(data.businessId)
                      body.find(".busubessName").val(data.busubessName)
                      body.find(".head").val(data.head);
                      body.find(".telphone").val(data.telphone);
                      body.find(".description").val(data.description);




                      // 记得重新渲染表单
                      form.render();
                  }
                  setTimeout(function(){
                      layui.layer.tips('点击此处返回用户列表', '.layui-layer-setwin .layui-layer-close', {
                          tips: 3
                      });
                  },500)
              }
          })
          //layui.layer.full(index);//设置弹出层布满窗口
          //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
          $(window).on("resize",function(){
              //layui.layer.full(window.sessionStorage.getItem("index"));
          })
      }

      function addStudent(data){
          var index = layui.layer.open({
              title : "添加角色权限",
              type : 2,
              content : "business-add.html",//弹出层页面
              area: ['400px', '400px'],
              success : function(layero, index){
                  var body = layui.layer.getChildFrame('body', index);
                  if(data){
                      // 取到弹出层里的元素，并把编辑的内容放进去
                      // 给select标签赋值value。
                      body.find("#classesName").val(data.classesId);
                      // 根据id选择那一项
                      // 记得重新渲染表单
                      form.render();
                  }
                  setTimeout(function(){
                      layui.layer.tips('点击此处返回用户列表', '.layui-layer-setwin .layui-layer-close', {
                          tips: 3
                      });
                  },500)
              }
          })
          //layui.layer.full(index);//设置弹出层布满窗口
          //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
          $(window).on("resize",function(){
              //layui.layer.full(window.sessionStorage.getItem("index"));
          })
      }


       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }


      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>

  </body>

</html>